body {
  padding-top: 100px;
}

header,
article,
footer {
  margin: 0 40px;
}

footer {
  margin-top: 20px;
  margin-bottom: 20px;
  .well;
}

table {
  .table;
  .table-bordered;
  .table-condensed;
  width: auto;
}

label {
    display: inline-block;
}

.navbar-nav {
  font-size: @font-size-large;
}

.navbar-brand {
  display: block;
  background-image: url(../../images/fitnesse-logo-small.png);
  width: 200px;
  height: 37px;
  margin: 5px 15px 5px 5px;

  span {
    display: none;
  }
}

#add > ul {
  max-height: 300px;
  overflow-x: hidden;
}

.breadcrumb {
  padding: 8px 40px;
  margin: 0;
  #gradient > .vertical-three-colors(#ffffff, #ffffff, 70%, rgba(255,255,255,0.0));
  background-color: transparent;
  border-radius: 0;
}

.breadcrumb li+li:before {
    content: "/ ";
    color: #ccc;
}

button,
a.button,
input[type="button"] {
  .btn;
  margin-bottom: 9px;
}

input[type="submit"] {
  .btn;
  .btn-primary;
  margin-bottom: 9px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0 4px 0 0;
}

// Reset .divider class to something we can work with
.dropdown-menu .divider {
  *width: 100%;
  height: auto;
  margin: 0;
  background-color: transparent;
  border-bottom: none;
  border-top: 1px solid #e5e5e5;
}

.validationerror {
  margin-left: 145px;
}

/** Rich text editor style */
.editor-toggle label {
  .radio;
  .radio-inline;
}

.editor-toggle input {
    margin-left: -18px;
}

/** Collapsible section */
.collapsible {
  margin: 0;
  .panel;
  .panel-default;
  padding: 0;
}

.collapsible > div {
  margin: 0;
  .panel-body;
}

.collapsible.closed > div {
  display: none;
}

.collapsible.invisible {
  display: none;
}

.collapsible p.title,
.collapsible.closed p.title {
  .panel-heading;
  .panel-default > .panel-heading;
  padding:  5px 15px 5px 30px;
  background-image: url(../img/minus-sign.png);
  background-repeat: no-repeat;
  background-position: 12px 7px;
}

.collapsible.closed p.title {
  background-image: url(../img/plus-sign.png);
  border-bottom: 0;
}

.collapsible > ul {
  float: right;
  margin: 0;
  padding: 5px 15px;
}

.collapsible > ul li {
  display: inline;
  padding: 0 5px;
  border-left: 1px solid @panel-bg;
}

tr.scenario > td:first-child {
  background-image: url("../img/minus-sign.png");
  background-position: 2px 7px;
}

tr.scenario.closed > td:first-child {
  background-image: url("../img/plus-sign.png");
  padding-left: 18px;
}

.pass,
span.pass * {
  background-color: darken(@alert-success-bg, 10%);
  color: darken(@alert-success-text, 30%);
}
span.error,
span.error *{
  background-position: 0, -2px;
  padding-right: 3px;
  border: 1px solid darken(@brand-warning, 30%);
  border-radius: 4px;
}
.ignore,
span.ignore * {
  background-color: darken(@alert-info-bg, 10%);
  color: darken(@alert-info-text, 30%);
}
#test-action {
  .test-button(@bgColor) {
    .label;
    background-color: @bgColor;
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 10px;
    padding: 9px 6px;
  }
  .output,
  .ok {
    .test-button(@brand-success);
  }
  .error,
  .stop {
    .test-button(@brand-danger);
  }

  @media (max-width: @screen-sm-min) {
    float: right;
    clear: left;
  }
}

.progress-variant(@background) {
  .progress-bar-variant(@background);
//  padding: 0 0 0 18px;
  color: @progress-bar-color;
}

#progressBar {
  .progress-bar;
  height: auto;
  &.pass {
    .progress-bar-success;
  }
  &.fail {
    .progress-bar-danger;
  }
  &.error {
    .progress-bar-warning;
  }
}

#test-summary {
  .progress;
  height: auto;
  &.pass {
    .progress-variant(@progress-bar-success-bg);
  }
  &.fail {
    .progress-variant(@progress-bar-danger-bg);
  }
  &.error {
    .progress-variant(@progress-bar-warning-bg);
  }
}

.test-summary-item(@background) {
  .label;
  .label-variant(@background);
  padding-left: 18px;
}

#test-summaries {
  .pass {
    .test-summary-item(@label-success-bg);
  }
  .fail {
    .test-summary-item(@label-danger-bg);
  }
  .error {
    .test-summary-item(@label-warning-bg);
  }
  .ignore {
    .test-summary-item(@label-info-bg);
  }
}

#error-nav {
  margin-top: 8px;
  margin-left: 10px;
  margin-right: 8px;

  @media (max-width: @screen-md-min) {
    float: right;
  }
  @media (max-width: @screen-sm-min) {
    clear: left;
  }

}
#error-nav .title {
  padding-left: 15px;
  @media (max-width: @screen-md-min) {
    display: none;
  }
}

.btn-text {
  display: inline-block;
  font-weight: @btn-font-weight;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-width: 1px;
  border-style: solid none;
  border-color: @btn-default-border;
  background-color: @btn-default-bg;
  white-space: nowrap;
  position: relative;
  float: left;
  padding: @padding-base-vertical/2 @padding-base-horizontal;
}
.btn-text input {
  border-size: 2px;
  height: 26px;
}

.propertiesPage form,
.searchForm form,
.refactorForm form,
.deletePage form {
  .well;
  .well-sm;
}

fieldset {
  margin: 0 0 0.5em 0;
}

// Specific pages:

.editPage #editor {
  margin: 0 40px;
}

.editPage .textarea-toolbar,
.editPage .wysiwyg-toolbar {
    margin-left: 4px;
}

.editPage textarea#pageContent {
    padding: 4px;
}

.editPage .textarea-toolbar input[type="button"] {
  .btn-default;
  .btn-xs;
  margin: 3px 0 6px 0;
}

.tagsinput .tag {
    .badge;
    background-color: @brand-info;
    border: none;
}

.tagsinput .tag a {
    color: @alert-danger-text;
}

.editPage #save_buttons {
  margin: 0 40px;
}

#tt-wrap-text {
  font-weight: normal;
}

.wysiwyg-toolbar li :link, .wysiwyg-toolbar li :visited {
  .box-sizing(content-box);
}

@media print {
  nav { display: none; }
}
